<%@page contentType="text/html" pageEncoding="ISO-8859-1"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>
<%@taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<f:view>
    <link href="/evento/css/admin_1.css" rel="stylesheet" type="text/css"/>
    <t:div>
        <h:form styleClass="fondoFormulariosyPanel">
            <h:panelGrid columns="1" styleClass="rayaForms" width="100%">
                <h:outputLabel  value="Mantenimiento de Equipos/Servicios" />
            </h:panelGrid>
            <h:panelGrid columns="1" width="91%">
                <h:commandButton style="margin-left:45%" accesskey="N" id="btnNuevo" value="Nuevo"
                                 action="#{ServicioEquipoController.navegar_nuevo}" />
            </h:panelGrid>
            <br/>
            <rich:dataTable value="#{ServicioEquipoController.listaEquipo}"
                            var="ser" rows="15" reRender="ds" id="simpletable"
                            width="100%">
                <f:facet name="header">
                    <rich:columnGroup>
                        <rich:column colspan="6"><h:outputLabel value="Servicios y Equipos"/></rich:column>
                        <rich:column breakBefore="true"><h:outputLabel value="Codigo"/></rich:column>
                        <rich:column><h:outputLabel value="Unidad de Medida"/></rich:column>
                        <rich:column><h:outputLabel value="Tipo"/></rich:column>
                        <rich:column><h:outputLabel value="Nombre"/></rich:column>
                        <rich:column><h:outputLabel value="Costo"/></rich:column>
                        <rich:column><h:outputLabel value="Opciones"/></rich:column>
                    </rich:columnGroup>
                </f:facet>
                <rich:column>
                    <h:outputLabel value="#{ser.serCodigo}"/>
                </rich:column>
                <rich:column filterBy="#{ser.umeCodigo.umeDescripcion}" filterEvent="onkeyup">
                    <h:outputLabel value="#{ser.umeCodigo.umeDescripcion}"/>
                </rich:column>
                <rich:column filterBy="#{ser.serTipo}" filterEvent="onkeyup">
                    <h:outputLabel value="#{ser.serTipo==true?'Servicio':'Equipo'}"/>
                </rich:column>
                <rich:column filterBy="#{ser.serNombre}" filterEvent="onkeyup">
                    <h:outputLabel value="#{ser.serNombre}"/>
                </rich:column>
                <rich:column filterBy="#{ser.serCosto}" filterEvent="onkeyup">
                    <h:outputLabel value="#{ser.serCosto}"/>
                </rich:column>
                <rich:column>
                    <h:commandButton value="Editar" title="Editar" image="/img/editar.png"
                                     action="#{ServicioEquipoController.navegar_editar}">
                        <f:setPropertyActionListener target="#{ServicioEquipoController.servicio}" value="#{ser}" />
                    </h:commandButton>
                    &nbsp;&nbsp;
                    <h:commandButton value="Eliminar" title="Eliminar" image="/img/eliminar.png"
                                     action="#{ServicioEquipoController.eliminar}"
                                     onclick="return confirm('Deseas eliminar el Servicio o Equipo?');">
                        <f:setPropertyActionListener target="#{ServicioEquipoController.servicio}" value="#{ser}" />
                    </h:commandButton>
                </rich:column>
                <f:facet name="footer">
                    <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
                </f:facet>
            </rich:dataTable>
        </h:form>
    </t:div>
</f:view>